<script setup>
// 通过defineModel 可以定义一个父子组件的传递数据
// 注意时3.4版本以后出现的
// const model = defineModel()
// 通过defineModel中的参数来接收父组件传递的数据
// const model = defineModel('msg')

// 处理自定义访问修饰符
const [model, modifiers] = defineModel({
  // value: 在表单中设置的值
  set(value) {
    if (modifiers.capitalize) {
      console.log(modifiers.capitalize);
      return value.charAt(0).toUpperCase() + value.slice(1)
    }
    return value
  }
});
// console.log(modifiers)
</script>

<template>
  <span>My input</span> <input v-model="model">
</template>

<style scoped>

</style>
